<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体斜体</title>
  <style>
    p {
      font-style: italic;
    }
    i {
      font-style: normal;
    }
  </style>
</head>
<body>
  <p>今天的天气真不错</p>
  <p>阳光真的不错</p>
  <p>其实天气不好</p>
  <i>这是斜体</i>
  <em>这也是斜体，但是我有办法让它变得正常</em>
</body>
</html>